Skip to content

fix: improve home header responsive layout#1348

Closed
kunal-9090 wants to merge 2 commits into
SB2318:mainfrom
kunal-9090:codex/issue-1228-navbar-responsive
Closed

fix: improve home header responsive layout#1348
kunal-9090 wants to merge 2 commits into
SB2318:mainfrom
kunal-9090:codex/issue-1228-navbar-responsive

Conversation

@kunal-9090

@kunal-9090 kunal-9090 commented Jun 10, 2026

Copy link
Copy Markdown

Linked issue

Closes #1228

GSSoC

  • Source: official GSSoC issues page
  • Labels: gssoc, level:intermediate, type:design, type:refactor

Summary

  • Updates the home header to use a lighter, higher-contrast visual treatment with a subtle bottom border.
  • Adds compact-width handling so the search input, filter control, and notification action do not squeeze or overlap on narrow screens.
  • Reduces icon and input sizing on compact devices while keeping the notification action from shrinking.
  • Removes an unused header import so the changed file passes ESLint cleanly.

Validation

  • pnpm install --ignore-scripts
  • pnpm exec eslint src/components/HomeScreenHeader.tsx
  • Attempted pnpm run type-check; it is blocked by pre-existing unrelated syntax errors in src/hooks/useSendOtp.ts, src/screens/article/ArticleScreen.tsx, and src/screens/auth/NewPasswordScreen.tsx.
  • Attempted pnpm run lint; Expo lint exits successfully but prints an environment warning because yarnpkg is unavailable in this local shell.

@github-actions

Copy link
Copy Markdown
Contributor

Thank you @, for creating the PR and contributing to our UltimateHealth project 💗.
Our team will review the PR and will reach out to you soon! 😇
Make sure that you have marked all the tasks that you are done with ✅.
Thank you for your patience! 😀

@github-actions

Copy link
Copy Markdown
Contributor

❌ PR Validation Failed

This PR was marked as gssoc:invalid because: You are not the author or an assignee of the linked issue(s).

To resolve this, please ensure your PR description links an issue (e.g., Fixes #123) and that you are either the creator or an assignee of that issue.

@SB2318 SB2318 closed this Jun 11, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature]: Improve Light Mode Visual Design & Fix Navbar Responsive Breakpoints/Layout Collapse

2 participants